<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/jiazai.css" />
		<link rel="stylesheet" type="text/css" href="css/money-info.css"/>
	</head>

	<body style="background: white;">
		<div id="app">

			<!-- 加载中动画 -->
			<div id='jiazai-ani' v-if='jiazai'>
				<div class="arc"></div>
				<h1><span>LOADING</span></h1>
			</div>
			<!-- 加载中动画 -->

			<div id="hea-wrap">
				<div class="dis-spa hea-con">
					<img @tap="_close();" src="img/left.svg" style="width:24px;height: 18px;" />
					<span>BTC<span style="font-size: 14px;color: #999;">(Bitcoin)</span></span>
					<img @tap="_openHref({url:'index-bill-order.html',id:'indexBillOrder'});" src="img/order.svg" style="width:24px;height: 24px;" />
				</div>
			</div>

			<div id="content-wrap">
				<div class="dis-cen coins-logo">
					<img src="img/coins.png" />
				</div>
				<p class='hava-mon'>23.00</p>
				<p class='hava-cny'>≈451500.00CNY</p>
				<div class="dis-spa coins-contr">
					<div class="dis-cen" @tap="goRech">
						<img src="img/get-mon.svg" />
						<span>充币</span>
					</div>
					<div class="dis-cen" @tap="goGet">
						<img src="img/out-mon.svg" />
						<span>提币</span>
					</div>
					<div class="dis-cen" @tap="trans">
						<img src="img/trans.svg" />
						<span>转账</span>
					</div>
				</div>
				<p class='bg'></p>
				<div class="dis-spa change-coins">
					<span @tap='type=1' :class="{'coins-tit-active':type==1}">24h</span>
					<span @tap='type=2' :class="{'coins-tit-active':type==2}">近一周</span>
					<span @tap='type=3' :class="{'coins-tit-active':type==3}">近一月</span>
					<span @tap='type=4' :class="{'coins-tit-active':type==4}">近一年</span>
					<span @tap='type=5' :class="{'coins-tit-active':type==5}">全部</span>
				</div>
				<div class="echers">
					
				</div>
				<p class='bg'></p>
				<div class="coins-oth-intro">
					<div class="dis-spa intro">
						<div>
							<p>市值</p>
							<p>￥4.60千亿</p>
						</div>
						<div>
							<p>市值排名</p>
							<p>#1</p>
						</div>
					</div>
					<div class="dis-spa intro">
						<div>
							<p>24小时最高价</p>
							<p>￥4.60千亿</p>
						</div>
						<div>
							<p>24小时最低价</p>
							<p>￥2.62万</p>
						</div>
					</div>
					<div class="dis-spa intro">
						<div>
							<p>24小时交易额</p>
							<p>￥4.60千亿</p>
						</div>
						<div>
							<p>总供应量</p>
							<p>￥2.62万</p>
						</div>
					</div>
				</div>
			</div>

		</div>
		<script src="js/comm.js"></script>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			
			var app = new Vue({
				el: '#app',
				data: {
					jiazai: false,
					//选择要like的title  1:24h  2：近一周  3：近一0月   4：近一年  5：全部
					type: 1
				},
				methods: {
					//去充币
					goRech:function(){
						_openHref({
							url:'rech-coins.html',
							id:'rechCoins'
						});
					},
					//去提币
					goGet:function(){
						_openHref({
							url:'get-coins.html',
							id:'getCoins'
						});
					},
					//去转账
					trans:function(){
						_openHref({
							url:'transition.html',
							id:'transition'
						});
					},
				}
			});
		</script>
	</body>

</html>